<template>
	<view>
		<!-- 导航栏 -->
		<navigation  title="修改用户名"></navigation>
	    <view class="onlie"></view>
		<view class="list">		
			<input type="text" value="张胜男" />
			<uni-icons type="clear" size="20" color="#cccccc"></uni-icons>
		</view>
		
		
		<button  class="btn">保存</button>
	</view>
</template>

<script>
	import navigation from '@/component/navigation.vue'
	export default {
		components:{
			navigation
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
.onlie{
	width:750upx;
	height:16upx;
	background:rgba(245,246,246,1);
}
.btn{
	position: fixed;
	left: 50%;
	bottom: 73upx;
	margin-left: -343upx;
	width:686upx;
	height:73upx;
	background:rgba(64,108,235,1);
	border-radius:36upx;
	line-height: 73upx;
	font-size:28upx;
	font-family:PingFang SC;
	font-weight:500;
	color:rgba(255,255,255,1);
}

.list{
	position: relative;
	width:718upx;
	padding: 32upx 0;
	margin-left: 32upx;
	border-bottom:1upx solid rgba(226,226,226,1) ;
	display: flex;
	justify-content: left;
	input{
		width:600upx;
		padding-left: 20upx;
		font-size:28upx;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(25,25,25,1);
	}
}
</style>
